import React, { useRef } from 'react';
 
function Input() {
  const inputRef = useRef(null);
  /**
   *	使用useRef()创建了一个值后，就可以将其绑定到DOM节点上，
   *	给DOM节点增加一个ref属性，将loginRef传入，则可以通过其current属性获取到DOM节点的值
  */
  
  function handleClick() {
    inputRef.current.focus();
  }
 
  return (
    <>
      <input ref={inputRef} />
      <button onClick={handleClick}>Focus input</button>
    </>
  );
}

export default Input;